<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Admin Page</title>
		<link type="text/css" href="css/index.css" rel="stylesheet" />
	</head>
	<body>
		<div class="im1">
			<div class="top">
				<img src="image/logo.jpg" class="im2" />
				<h3>欢迎***进入维修辅助系统</h3>
			</div>		
			<div id="box" class="center">  
    			<div id="demo1">  
			        <table cellspacing=0 cellpadding=0 width=980px>  
			           <tr>  
			                <td>  
			                    <img src="image/banner1.jpg"/>  
			                </td> 
			                  <td>  
			                    <img src="image/banner2.jpg"/>  
			                </td>   
			                 <td>  
			                    <img src="image/banner3.jpg"/>  
			                </td>  
			                <td id="demo2">  
			                </td>  
			            </tr>  
			        </table> 
		   		 </div>      
			</div>  
			
			<div class="bom">
				<a><img src="image/bottom1.jpg" class="im3" /></a>
				<a href="me.jsp"><img src="image/bottom2.jpg" class="im4" /></a>
				<a><img src="image/bottom3.jpg" class="im5" /></a>
			</div>
		</div>
		<script type="text/javascript">  
			var speed=5;  
			var center=document.getElementById("box");  
			var demo1=document.getElementById("demo1");  
			var demo2=document.getElementById("demo2");  
			  
			demo2.innerHTML=demo1.innerHTML;  
			  
			function scrollToLeft(){  
			    if(demo2.offsetLeft-box.scrollLeft<=0){  
			        box.scrollLeft-=demo2.offsetWidth;  
			    } else {  
			        box.scrollLeft++;  
			    }  
			}  
			  
			var myMar=setInterval(scrollToLeft,speed);  
			box.onmouseover=function(){clearInterval(myMar)};  
			box.onmouseout=function(){myMar=setInterval(scrollToLeft,speed)};  

		</script>  
  
	</body>
</html>

